<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="utf-8">
    <!-- 此属性为文档兼容模式声明，表示使用IE浏览器的最新渲染模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!--使用user-scalable=no 可以禁用其缩放，根据设置确定视口宽度，device-width表示采用设备宽度，初始缩放1.0，最大缩放比例1.0 -->
    <meta name="viewport" content="user-scalable=no,width=device-width,inital-scale=1.0,maximum-scale=1.0"/>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <!-- 引入css样式 -->
    <link rel="stylesheet" type="text/css" href="./css02/Purchase.css"/>
    <link rel="stylesheet" type="text/css" href="css02/Header.css"/>
    <title></title>
</head>
<body>
<div class="header">
    <img src="img/XHS_1603766922939.jpg"/>
    <p>羽小漠</p>
</div>
<div class="main">
    <div class="div01">
        <div class="div02">
            <table class="table table-bordered">
                <h2>资产采购</h2>
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><input type="text" class="form-control" id="name" placeholder="资产名称"/></li>
                        <li class="label01"><label for="text">申请状态：</label>
                            <select class="form-control">
                                <option value="采购中">采购中</option>
                                <option value="申请成功">申请成功</option>
                                <option value="申请失败">申请失败</option>
                            </select></li>
                        <li><a href="#">
                            <button type="button" class="btn btn-primary" style="background-color: #373737;">查询</button>
                        </a></li>
                    </ul>
                </div>
                <thead>
                <tr>
                    <th>序号</th>
                    <th>采购人</th>
                    <th>申请人</th>
                    <th>申请单位</th>
                    <th>资产名称</th>
                    <th>资产类别</th>
                    <th>规格型号</th>
                    <th>申请数量</th>
                    <th>单位</th>
                    <th>预算单价</th>
                    <th>申请时间</th>
                    <th>资产编号</th>
                    <th>采购日期</th>
                    <th>实际数量</th>
                    <th>实际单位</th>
                    <th>实际单价</th>
                    <th>实际总额</th>
                    <th>采购描述</th>
                    <th>采购状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="user:${users}">
                    <td th:text="${user.id}"></td>
                    <td th:text="${user.username}"></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td></td>
                    <td>Sachin</td>
                    <td>软件191</td>
                    <td>音箱</td>
                    <td>音箱</td>
                    <td></td>
                    <td>1</td>
                    <td>个</td>
                    <td>258元</td>
                    <td>2020-12-16</td>
                    <td></td>
                    <td></td>
                    <td>0</td>
                    <td></td>
                    <td>0元</td>
                    <td>0</td>
                    <td>用于办公</td>
                    <td>采购中</td>
                    <td>确认采购</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td></td>
                    <td>Sachin</td>
                    <td>软件191</td>
                    <td>音箱</td>
                    <td>音箱</td>
                    <td></td>
                    <td>1</td>
                    <td>个</td>
                    <td>258元</td>
                    <td>2020-12-16</td>
                    <td></td>
                    <td></td>
                    <td>0</td>
                    <td></td>
                    <td>0元</td>
                    <td>0</td>
                    <td>用于办公</td>
                    <td>采购中</td>
                    <td>确认采购</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td></td>
                    <td>Sachin</td>
                    <td>软件191</td>
                    <td>音箱</td>
                    <td>音箱</td>
                    <td></td>
                    <td>1</td>
                    <td>个</td>
                    <td>258元</td>
                    <td>2020-12-16</td>
                    <td></td>
                    <td></td>
                    <td>0</td>
                    <td></td>
                    <td>0元</td>
                    <td>0</td>
                    <td>用于办公</td>
                    <td>采购中</td>
                    <td>确认采购</td>
                </tr>

                </tbody>
            </table>
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>

    </div>
</div>
<!-- 包括所有已编译的插件 -->
<script src="js/bootstrap.min.js"></script>
<!-- bootstrap的js插件需要引入jQuery -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- 引入侧边导航栏 -->
<script src="html-js/Navbar.js"></script>
<!-- 引入尾部 -->
<script src="html-js/Footer.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
